<template>
  <div class="md-example-child md-example-child-steps md-example-child-steps-2">
    <md-steps
      :steps="steps"
      :current="2">
      <div slot="reached" slot-scope="props">
        <md-icon name="circle-alert" size="lg"></md-icon>
      </div>
      <div slot="current">
        <md-icon name="hollow-plus" size="lg"></md-icon>
      </div>
    </md-steps>
  </div>
</template>

<script>import {Steps, Icon} from 'mand-mobile'

export default {
  name: 'steps-demo',
  title: '自定义步骤图样',
  height: 150,
  components: {
    [Steps.name]: Steps,
    [Icon.name]: Icon,
  },
  data() {
    return {
      steps: [
        {
          name: '开通理财账户',
        },
        {
          name: '验证手机号',
        },
        {
          name: '开通成功',
        },
      ],
    }
  },
}
</script>